import classnames from 'classnames/bind';
import styles from './index.module.scss';
import type { NextPageWithLayout } from '@/components/page';
import { forwardRef, useEffect } from 'react';
import axios from 'axios';
import Layout from '@/components/Layouts/Layout';
// import Home from '@/components/Home'
const Home = dynamic(() => import('@/components/Home'), {
  ssr: false // This marks the component as client-side only
});
import dynamic from 'next/dynamic';
const cn = classnames.bind(styles);

const TenderDetail: NextPageWithLayout = forwardRef(() => {
  const getHelloworld = async () => {
    await axios('/api/hello').then((res: any) => {
      console.log(res)
    }).catch((error: any) => {
      console.log(error)
    })
  }
  // useEffect(() => {
  //   getHelloworld()
  // }, [])
  return (
    <div className={cn('wrap')}>
      {/* 123 */}
      <Home />
    </div>
  );
});

TenderDetail.displayName = 'NewsDetail';
export default TenderDetail;

TenderDetail.getLayout = (page: any) => {
  return <Layout>{page}</Layout>;
};